<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>禄舍轩</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<script src="themes/js/jquery.min.js"></script>
	<script src="themes/js/aui.js"></script>
	<script src="themes/js/vue.js"></script>
</head>
<body>
	<div id="el">
	<header class="aui-header-default aui-header-fixed ">
		<a href="#" class="aui-header-item">
			<i class="aui-icon aui-icon-back"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-search-box">
				<i class="aui-icon aui-icon-small-search"></i>
				<!--<input id="" type="text"  placeholder="iphone8 手机钢化膜" class="aui-header-search">-->
				<form action="my-products-class.html" οnsubmit="return searchData();">
					<input type="search" name="productSearch"   placeholder="火锅底料 优惠 配料" class="aui-header-search" v-model="productsearch"/>
				</form>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon">
			<i class="aui-icon aui-icon-packet"></i>
			<i class="aui-icon aui-icon-member"></i>
		</a>
	</header>


	<section class="aui-scroll-contents">
		<div class="aui-scroll-box" data-ydui-scrolltab>
			<div class="aui-scroll-nav" v-html="productType">
				<!--<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">热门推荐</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">美容彩妆</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">母婴专区</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">箱包配饰</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">家居个护</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">营养保健</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">服饰鞋靴</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">数码家电</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">运动户外</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">汽车用品</div>
				</a>
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">生活旅行</div>
				</a>-->
			</div>

			<div class="aui-scroll-content" v-html="productdetail">
				<!--<div class="aui-scroll-content-item">
					<h2 class="aui-scroll-content-title">热门推荐</h2>
					<section class="aui-grid-content">
						<div class="aui-grid-row aui-grid-row-clear">
							<a href="my-products-class.html" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-1.jpg" alt=""></i>
								<p class="aui-grid-row-label">手机数码</p>
							</a>
							<a href="my-products-class.html" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-2.jpg" alt=""></i>
								<p class="aui-grid-row-label">笔记本</p>
							</a>
							<a href="my-products-class.html" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-3.jpg" alt=""></i>
								<p class="aui-grid-row-label">空调</p>
							</a>
							<a href="my-products-class.html" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-4.jpg" alt=""></i>
								<p class="aui-grid-row-label">儿童文学</p>
							</a>
							<a href="my-products-class.html" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-5.jpg" alt=""></i>
								<p class="aui-grid-row-label">啤酒</p>
							</a>
							<a href="my-products-class.html" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-6.jpg" alt=""></i>
								<p class="aui-grid-row-label">海参</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-7.jpg" alt=""></i>
								<p class="aui-grid-row-label">床</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-8.jpg" alt=""></i>
								<p class="aui-grid-row-label">衣物清洁</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-9.jpg" alt=""></i>
								<p class="aui-grid-row-label">羽绒服</p>
							</a>
						</div>
					</section>
				</div>
				<div class="aui-scroll-content-item">
			&lt;!&ndash;		<div class="aui-class-img">
						<img src="themes/img/pd/cf-8.jpg" alt="">
					</div>&ndash;&gt;
					<h2 class="aui-scroll-content-title">美容彩妆</h2>
					<section class="aui-grid-content">
						<div class="aui-grid-row aui-grid-row-clear">
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-1.jpg" alt=""></i>
								<p class="aui-grid-row-label">手机数码</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-2.jpg" alt=""></i>
								<p class="aui-grid-row-label">笔记本</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-3.jpg" alt=""></i>
								<p class="aui-grid-row-label">空调</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-4.jpg" alt=""></i>
								<p class="aui-grid-row-label">儿童文学</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-5.jpg" alt=""></i>
								<p class="aui-grid-row-label">啤酒</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-6.jpg" alt=""></i>
								<p class="aui-grid-row-label">海参</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-7.jpg" alt=""></i>
								<p class="aui-grid-row-label">床</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-8.jpg" alt=""></i>
								<p class="aui-grid-row-label">衣物清洁</p>
							</a>
							<a href="#" class="aui-grid-row-item">
								<i class="aui-icon-large aui-icon-sign"><img src="themes/img/ad/x-sf-9.jpg" alt=""></i>
								<p class="aui-grid-row-label">羽绒服</p>
							</a>
						</div>
					</section>-->
				</div>
		</div>
	</section>
		<!--	<div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">母婴专区</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">箱包配饰</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">家居个护</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">营养保健</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">服饰鞋靴</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">数码家电</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">运动户外</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">汽车用品</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
            <div class="aui-scroll-content-item">
                <strong class="aui-scroll-content-title">生活旅行</strong>
                <div style="height: 300px;background-color: #ededed;"></div>
            </div>
        </div>
    </div>
</section> -->


	<footer class="aui-footer-default aui-footer-fixed">
		<a href="index.html" class="aui-footer-item ">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
			<span class="aui-footer-item-text">商城</span>
		</a>
		<a href="class.html" class="aui-footer-item aui-footer-active">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>
			<span class="aui-footer-item-text">分类</span>
		</a>
		<a href="car.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
			<span class="aui-footer-item-text">购物车</span>
		</a>
		<a href="/weixin/queryIndex" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
			<span class="aui-footer-item-text">我的</span>
		</a>
	</footer>
	</div>


<script>
	var a=new Vue({
		el:"#el",
		data:{
			productType:"",
			productdetail:""
		},
		created:function(){
			this.queryAll();
		},
		methods:{
			queryAll:function(){
				var _this=this;
				var a="";
				var b="";
				$.ajax({
					url:"/weixin/queryAllProduct",
					data:{},
					dataType:"json",
					type:"get",
					success:function(data){
						if(data.li!=null){
							for(var i=0;i<data.li.length;i++){
								a=a+`<a href="#${data.li[i].producttypeId}" class="aui-scroll-item ">
										<div class="aui-scroll-item-icon"></div>
										<div class="aui-scroll-item-text">${data.li[i].producttypeName}</div>
										</a>`;
								b=b+`<div class="aui-scroll-content-item" id="${data.li[i].producttypeId}">
										<h2 class="aui-scroll-content-title"><a href="my-products-class.html?productTypeid=${data.li[i].producttypeId}">${data.li[i].producttypeName}</a></h2>
										<section class="aui-grid-content">
										<div class="aui-grid-row aui-grid-row-clear">`
								var m=data.li[i].productList;
								for(var j=0;j<m.length;j++){
									b=b+`<a href="ui-product.html?productId=${m[j].productId}" class="aui-grid-row-item">
											<i class="aui-icon-large aui-icon-sign"><img src="${m[j].productImg}" alt=""></i>
											<p class="aui-grid-row-label">${m[j].productName}</p>
											</a>`
								}
								b=b+`</div>
										</section>
										</div>`
							}
							_this.productType=a;
							_this.productdetail=b;
						}
					}
				})
			}
		}
	})
	function setData(){
		console.log('enter 触发！');
		return false;//一定要返回false，告诉表单不要跳转
	}
</script>

</body>
</html>